<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            /* display: flex; */
            /* background-color: beige; */
            margin: 0;
            padding: 0;
           
        }
        .contenter{
            margin: 0;
            padding: 0;
            height: 100vh;
            width: 100vw;
            /* background-color: rgb(238, 2, 2);       */
            /* transform: rotate(45deg);  */
            background: linear-gradient(45deg,#efc6d8 0% ,#efc6d8 20% ,#93d9db 10% ,#93d9db 40% ,#e5e5e5 40% ,#e5e5e5 60% ,#c28082 60% ,#c28082 80% ,#eab6c3 80%,#eab6c3 100%  );
        }
        .index_z{
            margin: 0;
            padding: 0;
            height: 30vh;
            width: 50vw;
            background-color: #efc6d8;
            position: absolute ;
            left: 25vw;
            top: 30vh;
            z-index: 1;
            border-radius:150px;
            box-shadow:2px 2px 10px #909090;


        }


        .block_01{
            height: 20vh;
            width: 100vw;
            margin: 5px 0 1px 0;
            background-color: #efc6d8;
            box-shadow:2px 2px 10px #909090;
            /* transform:skew(45deg); */
            /* transform: rotate(45deg);  */
        }
        .block_02{
            height: 20vh;
            width: 100vw;
            margin: 1px 0 1px 0;
            background-color: #93d9db;
            box-shadow:2px 2px 10px #909090;
            /* transform:skew(45deg); */
            /* transform: rotate(45deg);  */
        }
        .block_03{
            height: 20vh;
            width: 100vw;
            margin: 1px 0 1px 0;
            background-color: #e5e5e5;
            box-shadow:2px 2px 10px #909090;
            /* transform:skew(45deg); */
            /* transform: rotate(45deg);  */
        }
        .block_04{
            height: 20vh;
            width: 100vw;
            margin: 1px 0 1px 0;
            background-color: #c28082;
            box-shadow:2px 2px 10px #909090;
            /* transform:skew(45deg); */
            /* transform: rotate(45deg);  */
        }
        .block_05{
            height: 20vh;
            width: 100vw;
            margin: 1px 0 1px 0;
            background-color: #eab6c3;
            box-shadow:2px 2px 10px #909090;
            /* transform:skew(45deg); */
            /* transform: rotate(45deg);       */
        }


    </style>
</head>
<body>
    
    <div id="contenter" class="contenter"> 
        <!-- <div id="block_01" class="block_01">
           

        </div>
        <div id="block_02" class="block_02">
           

        </div>
        <div id="block_03" class="block_03">
            

        </div>
        <div id="block_04" class="block_04">
           

        </div>
        <div id="block_05" class="block_05">
            

        </div> -->




    </div>

<div id="index_z" class="index_z"> 
    
</div>



</body>
</html>